<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>e-Dossier</title>
<meta name="description" content="">
<meta name="author" content="">

<link href="../css/credoc-bootstrap.min.css" rel="stylesheet">
<!-- Temporary link... before merging into credoc-bootstrap.min.css -->
<link href="../css/credoc.css" rel="stylesheet">
<link href="../css/daterangepicker.css" rel="stylesheet">

</head>

<body style="padding-top: 42px;">

	<div id="wrap">

		<div class="navbar navbar-fixed-top">

			<!-- BLACK GRADIENT HEADER -->
			<div class="top-nav">
				<!-- cf. portal impl -->
				<a href="index.html"><img src="../img/logo.png" height="34"
					width="85"></a>
			</div>
			<!-- end top-nav -->

			<header>
				<ul class="breadcrumb" id="breadcrumb">
					<li><a href="">Dashboard</a></li>
					<span class="divider">/</span>
					<li><a href="">Search</a></li>
					<span class="divider">/</span>
					<li><a href="">Results (146)</a></li>
				</ul>
			</header>

		</div>
		<!-- end navbar navbar-fixed-top -->

		<div class="container-fluid" style="padding-top: 40px;">
			<div class="row-fluid">
				<div class="span16">
					<div class="content-preview">

						<!-- Context page - Button Bar -->

						<div class="button-bar">
							<div style="padding-top: 12px;">
								<div class='container-fluid'>
									<div class="row-fluid">
										<div class="span12">
											<div id='content-search'>

<!-- 												<div class="thumb-header"><strong>156 eDossiers found (1,56 -->
<!-- 													seconds)</strong></div> -->
												<!-- end thumb-header -->

												<div class="thumb-body">
													
														<div class="span3" style="padding-top: 15px; padding-bottom: -5px;">
															<div class="alert alert-info">
																eDossier Status: Opened
															</div>
														</div>
														
														<div class="span4" style="padding-top: 15px;">
															<div class="alert alert-info">
																Update Date: 01/01/2013 - 03/01/2013
															</div>
														</div>
													
												</div>
												<!-- end thumb-body -->

												

											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<!-- Context page - Content -->

						<div class="content-pane">
						
							<div class="row-fluid">
							<div class="span12">
								<div class="group-title">eDossiers (156 found in 1,5 second)</div>
								<hr class="dotted">
							</div>
						</div>

						<table
							class="table table-first-column-number data-table sort display">
							<thead>
								<tr>

									<th>Status<span class="sort-icon"><span></th>
									<th>Description<span class="sort-icon"><span></th>
									<th>Customer<span class="sort-icon"><span></th>
									<th>Last edit</th>
									<th></th>
									<th></th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Opened</td>
									<td>Echtscheiding, John Doe, Marie Dupont</td>
									<td>John Doe</td>
									<td>02/02/2013</td>
									<td><a href="#" rel="tooltip" title="Edit this good" data-toggle="modal" data-target="#editModalGoods"><i class="icon-edit"></i></a></td>
									<td><a href="#" rel="tooltip" title="Delete this good" data-toggle="modal" data-target="#deleteConfirm"><i class="icon-trash"></i></a></td>
								</tr>
								<tr>
									<td>Opened</td>
									<td>Openbare verkoop Appartement, Julie Grant</td>
									<td>Julie Grant</td>
									<td>05/05/2013</td>
									<td><a href="#" rel="tooltip" title="Edit this good" data-toggle="modal" data-target="#editModalGoods"><i class="icon-edit"></i></a></td>
									<td><a href="#" rel="tooltip" title="Delete this good" data-toggle="modal" data-target="#deleteConfirm"><i class="icon-trash"></i></a></td>
								</tr>
								<tr>
									<td>Opened</td>
									<td>Schenking, Jean Dupont</td>
									<td>Jean Dupont</td>
									<td>06/06/2013</td>
									<td><a href="#" rel="tooltip" title="Edit this good" data-toggle="modal" data-target="#editModalGoods"><i class="icon-edit"></i></a></td>
									<td><a href="#" rel="tooltip" title="Delete this good" data-toggle="modal" data-target="#deleteConfirm"><i class="icon-trash"></i></a></td>
								</tr>
						</table>

						<div class="row-fluid">
							<div class="span3"></div>
							<div class="span5">
							<div class="pagination text-center">
								<ul>
									<li><a href="#">Prev</a></li>
									<li><a href="#">1</a></li>
									<li><a href="#">2</a></li>
									<li><a href="#">3</a></li>
									<li><a href="#">4</a></li>
									<li><a href="#">5</a></li>
									<li><a href="#">Next</a></li>
								</ul>
							</div>
							</div>
							<div class="span3"></div>
						</div>
						
						</div> <!-- end content-pane -->

					</div>
					<!-- end span10 -->
				</div>
				<!-- end row-fluid -->
			</div>
			<!-- end container-fluid -->

			<!-- LIBRARY -->
			<script src="../js/credoc-scripts.min.js"></script>
			<script src="../js/bootstrap-affix.js"></script>
			<script src="../js/bootstrap-tab.js"></script>
			<script src="../js/date.js"></script>
			<script src="../js/daterangepicker.js"></script>

			<script type="text/javascript">
				$('body').tooltip({
					selector : '[rel=tooltip]'
				});
			</script>

			<script type="text/javascript">
				$('#search-tab a:first').tab('show'); // Select first tab
			</script>

		</div>
</body>
</html>